<?xml version="1.0" encoding="utf-8"?>
<xsl:stylesheet 
    xmlns:xsl="http://www.w3.org/1999/XSL/Transform" 
    version="1.0">
<xsl:output
    indent="yes"
    method="html" 
    omit-xml-declaration="no"
    encoding="utf-8"
    doctype-public="-//W3C//DTD XHTML 1.0 Strict//EN"
    doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"/>

<xsl:template match="/document">
<html>
  <head>
  	<link rel="stylesheet" type="text/css" href="../css/ProcedureList.css" />
  	<title>Liste des procedures</title>
  </head>
  <body>
  <!--	<xsl:for-each select="procedureList/procedure"> -->
<xsl:for-each select="procedureList/procedure">
  	<div class="procedure">
  	<div class="msg_confidentiel"><xsl:value-of select="../../msg_confidentiel"/></div>
		
		
	<div class="header">
		<div class="h_logo">
			<img src='../{../../header/logo}' alt=" "></img>
		</div>
	
		<div class="h_info">
				<div style="font-weight: bold; width:150px; float:left; ">REFERENCE :</div>
				<div><xsl:value-of select="../../header/refDoc"/></div>

				<div style="font-weight: bold; width:150px; float:left; ">ISSUE :</div>
				<div><xsl:value-of select="../../header/issue"/></div>

				<div style="font-weight: bold; width: 150px; float:left; ">DATE :</div>
				<div><xsl:value-of select="../../header/date"/></div>

			<div style="border: 1px solid #bbb;">
				<div style="width: 250px; float:left; "><xsl:value-of select="infoProc/refProc"/></div><div style="font-weight: bold; float: left;">Page: x/X</div>
			</div>
		</div>
		<div style="clear: both;"></div>
	</div>

<!-- Partie Procedure Info : -->
<div class="proc_info">
	<div style="font-size:150% ;">
		<div style="font-weight: bold; width:25%; float:left; text-align:right; margin-right:5px;">PROCEDURE :</div><div style="float:left;"><xsl:value-of select="infoProc/refProc"/></div><div style="clear: both;"></div>
	</div>
	<div>
		<div style="font-weight: bold; width:25%; float:left; text-align:right; margin-right:5px;">Applicability :</div><div style="float:left;"><xsl:value-of select="infoProc/applicatibility"/></div>
		<div style="font-weight: bold; float:left; margin-left:50px; margin-right:5px;">Part :</div><div style="float:left;"><xsl:value-of select="infoProc/part"/></div>
		<div style="font-weight: bold; float:left; margin-left:50px; margin-right:5px;">Phase :</div><div style="float:left;"><xsl:value-of select="infoProc/phase"/></div>
		<div style="clear: both;"></div>
	</div>
	
	<div>
		<div style="font-weight: bold; width:25%; float:left; text-align:right; margin-right:5px;">Duration :</div><div style="float:left;"><xsl:value-of select="infoProc/duration"/></div>
		<div style="font-weight: bold; float:left; margin-left:50px; margin-right:5px;">Version :</div><div style="float:left;"><xsl:value-of select="infoProc/version"/></div>
		<div style="clear: both;"></div>
	</div>
	
	<div>
		<div style="font-weight: bold; width:25%; float:left; text-align:right; margin-right:5px;">Title :</div><div style="float:left;"><xsl:value-of select="infoProc/title"/></div>
		<div style="clear: both;"></div>
	</div>
	
	<div>
		<div style="font-weight: bold; width:25%; float:left; text-align:right; margin-right:5px;">Scope :</div><div style="float:left;"><xsl:value-of select="infoProc/scope"/></div>
		<div style="clear: both;"></div>
	</div>
	
	<div>
		<div style="font-weight: bold; width:25%; float:left; text-align:right; margin-right:5px;">Prerequisites :</div><div style="float:left;"><xsl:value-of select="infoProc/prerequisites"/></div>
		<div style="clear: both;"></div>
	</div>
</div>

<!-- Partie Procedure Result : -->
<div class="proc_result">
	<div>
		<div style="width:25%; float:left; text-align:right; margin-right:5px;">PROCEDURE RESULT :</div><div style="float:left;"><xsl:value-of select="infoProc/procResult"/></div>
		<div style="float:left; margin-left:50px; margin-right:5px;">Date :</div><div style="float:left;"><xsl:value-of select="infoProc/dateProcResult"/></div>
		<div style="clear: both;"></div>
	</div>
	
	<div>
		<div style="width:25%; float:left; text-align:right; margin-right:5px;">Attendees :</div><div style="float:left;"><xsl:value-of select="infoProc/attendees"/></div>
		<div style="clear: both;"></div>
	</div>
	
	<div>
		<div style="width:25%; float:left; text-align:right; margin-right:5px;">Remarks :</div><div style="float:left;"><xsl:value-of select="infoProc/remarks"/></div>
		<div style="clear: both;"></div>
	</div>
</div>

<!-- Partie Liste des Req : -->
<div class="req_list">
	<div class="req">
		<div style="text-align:center; font-size:150% ; font-weight: bold;">Requirements Reference</div>
		
		<div>
			<div style="font-weight: bold; width:30%; float:left; text-align:center; margin-right:5px;"><i><b>Requirement ID</b></i></div>
			<div style="font-weight: bold; width:69%; float:left; text-align:center; margin-right:5px;"><i><b>Requirement Description</b></i></div>
			<div style="clear: both; maring-bottom: 10px;"></div>
		</div>
		
		<xsl:for-each select="requirementList/requirement">
		<div style="margin-left:10px;">
			<div style="min-height:20px; width:3%; float:left; "><xsl:value-of select="reqStep" /></div>
			<div style="min-height:20px; width:27%; float:left; "><xsl:value-of select="reqRef" /></div>
			<div style="min-height:20px; width:68%; float:left; "><xsl:value-of select="reqDescription" /></div>
			<div style="clear: both; "></div>
		</div>
		</xsl:for-each>
		
	</div>
</div>

<!-- Partie Liste des Steps : margin-right:5px; -->
<div class="step_list">
	<div style="margin:10px 5px 5px 5px; border-top: 2px solid black; text-align:center; font-size:150% ; font-weight: bold;">Steps Description:</div>
	<xsl:for-each select="stepList/step">
		<div style="margin-left:10px;">
			<div style="min-height:20px; width:3%; float:left; "><b><xsl:value-of select="step_number" /></b></div>
			<div style="min-height:20px; width:68%; float:left; "><xsl:value-of select="step_action" /></div>
			<div style="min-height:20px; width:27%; float:left; "><xsl:value-of select="reqRef" /></div>
			<div style="clear: both; "></div>
		</div>
		<div class="expected_results">Expected Results</div>
		<div style="margin-bottom:20px;">
			<div class="step_OK_KO">OK [ ]</div>
			<div class="step_OK_KO">KO [ ]</div>
			<div ><i><xsl:value-of select="step_result" /></i></div>
			<div style="clear: both; "></div>
		</div>
	</xsl:for-each>
</div>

<!-- Partie footer : -->
	<div class="logo_footer">
		<img src='../{../../footer/foot_logo}' alt=" "></img>
	</div>
<div class="footer">

	<div class="f_left">
		<xsl:value-of select="../../footer/foot_left"/>
	</div>

	<div class="f_center">
		<xsl:value-of select="../../footer/foot_center"/>
	</div>
	
	<div class="f_right">
		<xsl:value-of select="../../footer/foot_right"/>
	</div>
	<div style="clear: both; "></div>
</div> 
  	<div class="msg_confidentiel"><xsl:value-of select="../../msg_confidentiel"/></div>
</div>

  <!--	</xsl:for-each> -->
</xsl:for-each>
 

  </body>
</html>
</xsl:template>

</xsl:stylesheet>